<template>
    <div id="list">
        <div class="question-wrap fl">
            <ul class="question-list">
                <li class="list-item" @click="ItemClick('adad')">
                    <h2 class="question-title">
                        赛云的时间如何限定
                    </h2>
                    <p class="question-preview">赛云的时间有两种，一类是自然年时间，一类是公司财年时间，具体使用情况如下</p>
                </li>
                <li class="list-item">
                    <h2 class="question-title">
                        赛云的时间如何限定
                    </h2>
                    <p class="question-preview">赛云的时间有两种，一类是自然年时间，一类是公司财年时间，具体使用情况如下</p>
                </li>
                <li class="list-item">
                    <h2 class="question-title">
                        赛云的时间如何限定
                    </h2>
                    <p class="question-preview">赛云的时间有两种，一类是自然年时间，一类是公司财年时间，具体使用情况如下</p>
                </li>
            </ul>
            <div class="pagination">
                <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="1000">
                </el-pagination>
            </div>       
        </div>   
    </div>   
</template>
<script>
export default {
    methods:{
        ItemClick(answerId){
          this.$router.push(`/singleQustion/${answerId}`);
        }
    }
    
}
</script>
<style lang="scss" scoped>
#list{
    .question-wrap{
        width: 900px;
        height: 816px;
        box-sizing: border-box;
        padding: 36px 26px 0 30px;
        background-color: #fff;
        border:1px solid #c8c8c8;
        position: relative;
        .list-item{
            border-bottom: 1px solid #959595;
            margin-bottom: 22px;
            .question-title{
                color:#47d2f6;
                font-size: 16px;
                margin-bottom: 10px;
                font-weight: normal;
            }
            .question-preview{
                font-size: 14px;
                color: #727373;
                padding-bottom: 8px;

            }
        }
        .pagination{
            position: absolute;
            bottom: 28px;
            left: 88px;

        }
    }

}

</style>


